<html>
	<head>
	<title>SeeTurtle Tutorial</title>
	</head>

<body>
<center><h1>Tutorial</h1></center>
<h3>Properties</h3>
<p>The pen and canvas have some properties. <br><br>
Properties of pen:<br>
x coordinate, y coordinate, angle, pencolor.<br>
<br>
Properties of Canvas:<br>
height, width,color.</p>
<h3>Syntax:</h3>
<p>The Seeturtle code has only commands and each command should be in a new line.<p>
<h3>Commands</h3>
<h4>1. forward x:</h4>
<p>forward x command draws a line of length x units in the direction in which it is pointing. It is not necessary that <br>
the line should be vertical or horizontal. </p>
<h4>2. backward x: </h4>
<p>backward x does the same function as forward but in the oppsosite direction</p>
<h4>3. canvascolor x y z:</h4>
<p> canvascolor x y z assigns the color to the canvas. x,y,z are respective rgb values</p>
<h4>4. canvassize x y  :</h4>
<p> It assigns the size to canvas. Avoid assigning size more than 600 600 as it may meddle with the other components of the page</p>
<h4>5. pencolor x y z:</h4>
<p>It assigns the color to the ink. x,y,z are respective rgb values</p>
<h4>6. penwidth x  :</h4> 
<p> Assigns the width (i.e) thickness of the pen</p>
<h4>7. go x y :</h4>
<p> go x y makes the pointer move to postion x, y without drawing a line on the canvas<p>
<h4>8. gox x:</h4>
<p> gox x makes the pointer move to given x coordinate without altering its y coordinate</p>
<h4>9. goy:</h4>
<p> goy y makes the pointer move to given y coordinate without altering its x coordinate</p>
<h4>10. turnleft a:</h4>
<p>Changes the angle property of the pointer (i.e) it changes the orientation. It turns the direction of pen a degrees anti-clockwise</p>
<h4>11. turnright a:</h4>
<p>Changes the angle property of the pointer (i.e) it changes the orientation. It turns the direction of pen  a clockwise </p>
<h4>12. direction a:</h4>
<p>sets the angle of pen to a</p>
<h4>13. center</h4>
<p>Brings the pen back to the center of the canvas</p>
<h4>14. top x/down x/left x/right x</h4>
<p>Draws a line in corresponding direction by x units. Ex right 100 draws a line 100 units right irrespective of the pen angle</p>
<h4>clear</h4>
<p>clears the canvas</p>
<center><p>*********************</p><center>
</body>

</html>

